

body{
  background-color: #DCDCDC;
  margin:0;
  padding:0; 
  font-family: Arial, Helvetica, sans-serif;
}

header{
    padding:0px 0px;/*Pas de marges */
    width: 100%;

}


a img{
	border: none;
}
button,
input[type="submit"],
input[type="button"],
a.btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf));
	background:-moz-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-webkit-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-o-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-ms-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf',GradientType=0);
	background-color:#63b8ee;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #3866a3;
	display:inline-block;
	cursor:pointer;
	color:#14396a;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:6px 6px;
	text-decoration:none;
	text-shadow:0px 1px 0px #7cacde;
}
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
a.btn:hover
{
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee));
	background:-moz-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:-webkit-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:-o-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:-ms-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:linear-gradient(to bottom, #468ccf 5%, #63b8ee 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee',GradientType=0);
	background-color:#468ccf;
}


footer{
  text-align: center;
  font-family : "Robotica"; 
  text-shadow: 1px 1px white, -1px -1px #444;
  margin: 20px 0px 20px 0px;

} 
#corps{
	margin: 25px auto;
	margin-left: 25px;
	margin-right: 25px;
}


#entete {
  background-color: #DCDCDC;
  width:100%;
  margin:0 auto;
}

#entete h1
{ 
margin:25px 0px 0px 30px;
padding: 0;
font-size:45px;
text-decoration : none; 
font-family : "Robotica"; 
font-weight : bold; 
color : black; 
vertical-align: middle;
} 

#listeentete 
{
  margin:0px 0px 0px 0px;
  background-color: grey;
  display: inline-block;
  width: 100%;
}


#listeentete nav
{
    display: inline-block;
    width: 100%;
    height: 20px;
}

#listeentete nav ul
{
    list-style-type: none;
    height: 20px;
    padding: 0px;
    margin: 0;
}

#listeentete nav li
{
	float: left;
    display: block;
    height: 25px;
    line-height: 20px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

#listeentete nav li a,
#listeentete nav li a:visited,
a.big,
a.big:visited
{
    text-shadow: 1px 1px #aaa, -1px -1px #444;
    color:black;
    font-family : "Robotica"; 
    text-decoration: none;
    line-height: 25px;
    width: 100%;
    
}
#listeentete nav li a,
#listeentete nav li a:visited{
	display: block;
	font-size:13px;
    font-size: 100%;
    padding-left: 10px;
    padding-right: 10px;
}
#listeentete nav li a:hover,
a.big:hover,
a.big:visited:hover,
#listeentete nav li a:visited:hover
{
   background-color: white;
}
a.big:hover,
a.big:visited:hover{
	text-shadow: 1px 1px #aaa, -1px -1px #444;
	color: #777;
}



#fielset fieldset {
    text-align : justify;
    border: 2px solid grey;
    background: #ddd;
    margin: 0px 20px 10px 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.75);
    box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.75);
}
#fielset img {
  margin : 5px;
}


#fielset fieldset legend {
    font-family: "Robotica";
    background: grey;
    padding : 2px 10px 2px 10px;
    color: black;
    font-size: 14px;
    border-radius: 5px;
    box-shadow: 0 0 0 5px #ddd;
    margin-left: 20px;
}

/*Pour inscription*/

#corpsinscrip h1
{
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0px 2px 0 rgba(0, 0, 0, .5);
    text-transform: uppercase;
    text-align: center;
    color: black;
    margin: 20px 0 20px 0;
    letter-spacing: 4px;
    font-family: "Robotica";

    position: relative;
}
#spon{
  width:80%;
  font-family:"Robotica";
  text-align: center;
  padding-left:150px;
  font-size:30px;
}

#blocspon a img{
  margin: 0px 0px 30px 10px;
}

#blocspon a img:hover{
   -webkit-transform: scale(1.1); /*multiplication de la taille de départ x 4*/
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: center center; /*origine de l'animation*/
    -moz-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
}


hr{
	 border: 0; 
	 height: 1px; 
	 background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	 background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	 background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	 background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	 background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	 background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	 background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}



span.transform90{
	display: inline-block;
	-o-transform:rotate(90deg);
    transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
}
.error{
	font-size: 100%;
	font-size: 0.7em;
	color: red;
	font-style: italic;
}

.hide{
	display: none;
}
.googleMap{
  margin: 0px;
  border: 0px;
  overflow:hidden;
}